/*鍝嶅簲寮�*/
@media (max-width: 768px){
    /*鍏叡鏍峰紡*/
    .title-big{
        text-align: center;
        font-size: 6vw;
        margin-top: 5px;
        height: 18vw !important;
    }
    .title-big .cat-title{
        width: 100%;
    }
    .hexagon{
        margin-left: 25%;
        width: 50%;
    }
    .recruit-qrcode .qrcode{
        width: 50%;
        top: 30%;
    }
    .recruit-qrcode .qrcode p{
        font-size: 3vw;
    }
    /*鑱旂郴鎴戜滑*/
    .contact-us .footer-title{
        display: none;
    }
    .contact-us .info .contact{
        width: 100%;
        height: 28vh !important;
    }
    .contact-us .info .contact .contact-title{
        font-size: 5vw;
    }
    .contact-us .info .contact .contact-block{
        line-height: 5vw;
        position: relative;
        margin-top: 25px;
    }
    .contact-us .info .contact .contact-block .contact-item{
        font-size: 3vw;
    }
    .contact-us .info .image{
        width: 100%;
        font-size: 3vw;
    }
    .contact-us .info .image img{
        width: 55%;
    }
    .contact-us .copyright{
        margin-top: 30px;
        font-size: 3vw;
    }
    .container-swiper{
        top: 10px;
        transform: translateY(0);
    }
    .navbar-expand-lg .navbar-nav .nav-link{
        font-size: 6vw;
    }
    .nav-link{
        padding: 1.5rem 1rem;
    }
    .outsideBox {
        margin-left: 0;
        margin-top: 0;
    }
    .centerBox {
        left: 0;
        top: 0;
    }
    .swiper-slide{
        overflow-x: hidden;
    }
    .navbar-expand-lg .navbar-nav .nav-link .alias{
        display: none;
    }
    .nav-wrap{
        height: calc(100vh - 75px);
        background: none;
    }
    .navbar-nav{
        background: #fff;
    }
    .bg-black{
        background: #333;
    }
    /*棣栭〉杞挱*/
    .banner{
        margin-top: 0;
    }
    .banner-title{
        width: 100%;
        text-align: center;
        font-size: 6vw;
    }
    .hexagon-sm,.hexagon-md,.hexagon-lg{
        display: none;
    }
    .index-banner .hexagon-mobile{
        display: block;
        margin-top: 15vh;
    }
    .index-banner-swiper .swiper-container-horizontal>.swiper-pagination-bullets,.index-banner-swiper .swiper-pagination-custom{
        bottom: 60px;
    }
    .index-banner .foreground{
        right: 9%;
        top: 23vh;
        width: 82%;
    }
    .index-banner .banner-subtitle {
        left: 0;
        width: 100%;
        text-align: center;
        font-size: 5.5vw;
        top: 52vh;
        font-weight: bold;
    }
    .index-banner .banner-subtitle span{
        font-size: 3vw;
    }
    .index-banner .gomore{
        bottom: 0;
        right: 5%;
    }
    .index-banner .gomore a{
        font-size: 3.5vw;
    }
    .index-banner .content{
        line-height: 6vw;
        padding-top: 7vh;
    }
    .index-banner .content p{
        font-size: 4.2vw;
    }
    .index-banner .banner-new .car{
        bottom: 12vh;
    }
    .index-banner .banner-new .background{
        bottom: 10vh;
    }
    .banner-new .line-left{
        width: 22vw;
    }
    .banner-new .line-top{
        width: 16vw;
    }
    .banner-new .line-right{
        width: 25vw;
        top: 38vw;
    }
    /*鍏徃浠嬬粛*/
    .company-desc .company-desc-left{
        width: 100%;
        margin-right: 0;
        max-height: 36vh;
        overflow: hidden;
    }
    .company-desc .company-desc-right{
        width: 100%;
        padding: 0 10%;
    }
    .company-desc .company-desc-right .title{
        font-size: 5vw;
        padding-top: 15px;
    }
    .company-desc .company-desc-right .content{
        font-size: 3vw;
        margin-top: 10px;
        width: 100%;
    }
    .company-desc .company-desc-right .subtitle{
        margin-top: 10px;
        font-size: 3vw;
    }
    .company-desc .company-desc-right button{
        padding: 6px 0;
        width: 56%;
        font-size: 3vw;
    }
    /*浼樺娍浠嬬粛*/
    .strength .title{
        text-align: center;
        font-size: 5vw;
    }
    .strengths{
        margin-top: 20px;
    }
    .strengths .strengths-item{
        width: 97%;
        text-align: left;
    }
    .strengths .strengths-item:nth-child(3n-1){
        margin: 0;
    }
    .strengths .strengths-item .image{
        width: 35%;
        float: left;
        border-radius: 10px;
        padding: 10px;
        margin-top: 0;
        margin-bottom: 20px;
        margin-right: 5%;
    }
    .strengths .strengths-item h4{
        margin-top: 0;
        font-size: 3vw;
    }
    .strengths .strengths-item h5{
        margin-top: 10px;
        font-size: 3vw;
    }
    .strengths .strengths-item p{
        width: 100%;
        font-size: 3vw;
    }
    /*瀵绘壘鍔犵洘鍟�*/
    .participate .participate-left{
        width: 100%;
        margin-right: 0;
    }
    .participate .participate-left img{
        width: 80%;
        margin-left: 10%;
    }
    .participate .participate-right{
        width: 100%;
        margin-top: 5px;
    }
    .participate .participate-right .title{
        font-size: 5vw;
        text-align: center;
    }
    .participate .participate-right .content{
        font-size: 3vw;
        margin-top: 20px;
        width: 100%;
    }
    .participate .participate-right button{
        width: 56%;
        margin-top: 20px;
        font-size: 3vw;
        margin-left: 22%;
    }
    /*鍙告満鎷涘嫙*/
    .recruit-info{
        height: calc(100vh - 150px);
    }
    .recruit-info .title{
        font-size: 5vw;
        text-align: center;
    }
    .recruit-info .title span{
        font-size: 3vw;
    }
    .recruit-info .content{
        margin-top: 20px;
        font-size: 3.6vw;
        text-align: center;
    }
    .recruit-info .subtitle{
        font-size: 3.6vw;
        text-align: center;
    }
    .recruit-info .car{
        width: 85%;
        left: 0;
        bottom: 2vh;
    }
    .recruit-info .background{
        width: 50vw;
    }
    .recruit-info button{
        width: 56%;
        margin-top: 30px;
        font-size: 3vw;
        margin-left: 22%;
    }
    /*浜у搧鐗圭偣*/
    .product-left{
        width: 100%;
        margin-right: 0;
        max-height: 27vh;
        overflow: hidden;
    }
    .product-left img{
        margin-top: -3vh;
    }
    .product-right{
        width: 100%;
        padding: 10px 10%;
        text-align: center;
    }
    .product-right .title{
        font-size: 4vw;
    }
    .product-right .content h3{
        margin-top: 15px;
        font-size: 3.4vw;
    }
    .product-right .content h4{
        margin-top: 10px;
        font-size: 3vw;
        display: none;
    }
    .product-right .content p{
        margin-top: 2px;
        font-size: 3vw;
    }
    /*鏂伴椈鍒楄〃*/
    .news-list{
        position: relative;
    }
    .news-list .gomore{
        position: absolute;
        bottom: -15vh;
        right: 5%;
    }
    .news-list-item-mobile{
        display: block;
        width: 80%;
        overflow: visible;
    }
    .news-list-item-pc{
        display: none;
    }
    .news-list-item-mobile .item-thumb{
        background-size: cover !important;
        background-repeat: no-repeat !important;
        background-position: center !important;
        border-radius: 10px;
        overflow: hidden;
    }
    .news-list-item-mobile .item-thumb img{
        width: 100%;
        border-radius: 5px;
    }
    .news-list-item-mobile .swiper-slide{
        padding: 30px 15px;
    }
    .news-list-item-mobile .item-time{
        font-size: 3vw;
        color: #666;
        margin-top: 10px;
    }
    .news-list-item-mobile .item-title{
        font-size: 4vw;
        margin-top: 7px;
    }
    .news-list-item-mobile .swiper-button-prev{
        background-image: url("../images/prev.png");
        left: 36%;
    }
    .news-list-item-mobile .swiper-button-next{
        background-image: url("../images/next.png");
        right: 36%;
    }
    .news-list-item-mobile .swiper-button-next,.news-list-item-mobile .swiper-button-prev{
        top: 100%;
        width: 10px;
        margin-top: 0;
        background-size: 80% 32%;
    }
    .title-big .gomore a{
        font-size: 3.5vw;
    }
    /*鍑鸿浠嬬粛椤�*/
    .download .title{
        padding-top: 30px;
        font-size: 5vw;
        text-align: center;
    }
    .download .content{
        margin-top: 17px;
        line-height: 4.8vw;
        font-size: 3vw;
        text-align: center;
    }
    .download button{
        padding: 6px 0;
        width: 56%;
        font-size: 3vw;
        margin-left: 22%;
    }
    .download .background{
        top: auto;
        bottom: 50px;
        width: 105%;
        right: -15px;
    }
    .download .car{
        width: 100%;
        bottom: 64px;
        left: -30px;
    }

    /*鑱旂洘浠嬬粛椤�*/
    .download-2 .download-left{
        width: 100%;
        text-align: center;
        padding-top: 0;
    }
    .download-2 .bt-mobile{
        position: relative;
    }
    .download-2 .bt-mobile .bt-mobile-bottom{
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
    }
    .download-2 .download-left .item-title{
        font-size: 5.5vw;
        font-weight: bold;
    }
    .download-2 .download-left .item-title span{
        display: block;
        color: #999;
        font-size: 4vw;
    }
    .download-2 .download-left .item-info{
        margin-top: 78%;
        font-size: 3vw;
        line-height: 4.8vw;
        font-weight: bold;
    }
    .download-2 .download-right{
        width: 100%;
        position: absolute;
        top: 6vh;
    }
    .download-2 .download-right .item-bg{
        width: 100%;
        margin-left: 7%;
        margin-top: 5vh;
    }
    .download-2 .download-right .item-bg img{
        margin-left: 15%;
    }
    .download-2 .download-right .swiper2{
        left: 5%;
        top: 5.5vh;
        height: 84%;
        width: 88%;
        overflow-x: hidden;
    }
    .download-2 .download-right .swiper2 img{
        width: 36%;
        margin-left: 0;
    }
    .download-2 .swiper2 .swiper-pagination{
        left: -1% !important;
    }
    .download-2 .download-left .item-links a img{
        width: 105px;
    }
    .download-2 .download-left .item-text{
        margin-top: 10px;
        font-size: 3vw;
    }
    .app-desc .slider .swiper-button-prev{
        left: 4%;
    }
    .app-desc .slider .swiper-button-next{
        right: 4%;
    }
    .app-desc .slider .swiper-button-prev, .app-desc .slider .swiper-button-next{
        top: 34%;
        transform: translateY(-50%);
        width: 24px;
        height: 24px;
    }
    .goodness .goodness-title{
        padding-top: 0;
    }
    .goodness .goodness-title .title{
        font-size: 5vw;
    }
    .goodness .goodness-title .text{
        padding: 0;
        font-size: 3vw;
        line-height: 4.8vw;
        margin-top: 5px;
    }
    .goodness .goodness-info{
        height: 67vh;
        margin-top: 2vh;
    }
    .goodness .goodness-info .info-middle .hexagon{
        display: none;
    }
    .goodness .goodness-info .info-middle{
        position: absolute;
        top: 0;
        left: 0;
    }
    .goodness .goodness-info .info-middle .info-img img{
        width: 100%;
        margin: 0;
    }
    .goodness .goodness-info .info-left, .goodness .goodness-info .info-right{
        position: absolute;
        right: 0;
        width: 52%;
        padding-top: 0;
    }
    .goodness .goodness-info .info-left{
        top: 0;
        position: absolute;
    }
    .goodness .goodness-info .info-right .info-text .text{
        font-size: 3vw;
        width: 100%;
    }
    .goodness .goodness-info .info-middle .info-img{
        position: relative;
        top: 0;
    }
    .goodness .goodness-info .info-middle .go-link{
        width: 75%;
        margin-left: 10%;
    }
    .goodness .goodness-info .info-left .info-text,.goodness .goodness-info .info-right .info-text{
        margin-bottom: 2vh;
        text-align: left;
    }
    .goodness .goodness-info .info-left .info-text .text{
        width: 100%;
        margin-left: 0;
    }
    .goodness .goodness-info .info-left .info-text .title, .goodness .goodness-info .info-right .info-text .title{
        font-size: 3vw;
    }
    .goodness .goodness-info .info-left .info-text .text{
        font-size: 3vw;
    }
    .goodness .goodness-info .info-middle .go-link a{
        font-size: 3vw;
    }
    .case .hexagon2{
        width: 64%;
        margin: 15vh 18%;
    }
    .case .case-info{
        top: 10px;
        width: 100%;
    }
    .case .case-title .title{
        font-size: 6vw;
    }
    .case .case-title .text{
        font-size: 3vw;
    }
    .case .case-list{
        margin-top: 10vh;
        height: 50vh;
    }
    .case-list-pc{
        display: none;
    }
    .case-list-mobile{
        display: block;
    }
    .case .case-list .case-item{
        margin: 0;
        width: 100%;
        padding: 2vh 10%;
    }
    .case-list-mobile .swiper4{
        width: 60%;
        overflow: visible;
    }
    .case-list-mobile .swiper-slide{
        padding: 0 10px;
    }
    .case .case-list .case-item .title{
        font-size: 5vw;
        font-weight: 500;
    }
    .case .case-list .case-item .tag{
        font-size: 3vw;
    }
    .case .case-list .case-item .content p{
        font-size: 3vw;
    }
    .case .case-list .swiper-button-prev{
        background-image: url("../images/prev.png");
        left: 30%;
    }
    .case .case-list .swiper-button-next{
        background-image: url("../images/next.png");
        right: 30%;
    }
    .case .case-list .swiper-button-prev,.case .case-list .swiper-button-next{
        top: 150%;
        width: 10px;
        margin-top: 0;
        background-size: 80% 32%;
    }
    .app-desc{
        padding-top: 0;
    }
    .app-desc .app-desc-title{
        text-align: center;
    }
    .app-desc .app-desc-title .title{
        font-size: 6vw;
    }
    .app-desc .app-desc-title .text{
        font-size: 3.8vw;
    }
    .app-desc .slider .hexagon{
        width: 56%;
        margin: 4vh 22%;
    }
    .app-desc .slider .swiper3{
        text-align: center;
        top: 3vh;
        height: 62vh;
    }
    .app-desc .slider .swiper3 img{
        width: 36%;
    }
    .app-desc .slider .swiper3 .slider-text{
        width: 80%;
        right: 10%;
        bottom: 0;
    }
    .app-desc .slider .swiper3 .slider-text .title{
        font-size: 4vw;
    }
    .app-desc .slider .swiper3 .slider-text .text{
        font-size: 3vw;
        color: #666;
        line-height: 5.5vw;
    }
    /*鍔犲叆铚傛淳*/
    .jobs{
        padding-top: 10px;
    }
    .job-icon{
        width: 25%;
    }
    .job-icon img{
        width: 92%;
    }
    .job-icon p{
        width: 64%;
    }
    .job-form{
        width: 100%;
        margin-right: 0;
        padding-top: 5vh;
    }
    .job-form .form-item span{
        width: 35%;
        font-size: 3vw;
        line-height: 4.8vw;
    }
    .job-form .form-item input{
        width: 100%;
        font-size: 3vw;
    }
    .job-form .form-title{
        font-size: 3.5vw;
        margin-bottom: 10px;
    }
    .job-form .form-text{
        font-size: 3vw;
    }
    .job-form button{
        font-size: 3vw;
    }
    .job-img{
        width: 100%;
    }
    /*鑱旂郴鎴戜滑*/
    .leaving-message{
        position: relative;
        width: 90%;
        background: none;
        transform: none;
        top: 0;
        left: 0;
        margin: 0 auto;
    }
    .leaving-message .leaving-title{
        margin: 4vh 0;
        font-size: 6vw;
    }
    .leaving-message .leaving-text{
        font-size: 3vw;
        line-height: 4.8vw;
    }
    .leaving-form{
        width: 100%;
    }
    .leaving-form #contacts,.leaving-form #mobile{
        width: 100%;
        margin-right: 0;
        margin-bottom: 15px;
        font-size: 3vw;
    }
    .leaving-form #content{
        margin-top: 0;
        height: 10vh;
        font-size: 3vw;
    }
    .leaving-form input, .leaving-form textarea{
        border: 1px solid #888;
        padding: 10px;
    }
    /*鍐呭璇︽儏*/
    .latest-news{
        display: none;
    }
    .news-content{
        width: 100%;
    }
    .news-content .title{
        font-size: 5vw;
    }
    .news-content .time{
        font-size: 3vw;
    }
    /*鍔犲叆鑱旂洘*/
    .join-form{
        /*width: 65%;*/
    }
    .join-icon .hexagon{
        display: block;
    }
    .join-img{
        padding-top: 0;
        position: absolute;
        z-index: -1;
        width: 65%;
        bottom: 10vh;
        right: 5%;
    }
    .join-img img{
        opacity: 0.15;
    }
    /*鍏充簬鎴戜滑*/
    .company{
        padding-top: 0;
        background-repeat: no-repeat !important;
        background-position: 100% 3vh !important;
        background-size: 60% !important;
    }
    .company .company-info{
        text-align: center;
    }
    .company .company-info .title{
        font-size: 5vw;
        width: 38vw;
        margin: 0 auto;
        padding-bottom: 5px;
    }
    .company .company-info .title span{
        font-size: 5vw;
    }
    .company .company-info .company-content{
        margin: 15px 0;
        overflow: visible;
    }
    .company .company-info .company-content .company-left{
        width: 100%;
        margin-right: 0;
    }
    .company .company-info .company-content .company-left img{
        width: 80%;
    }
    .company .company-info .company-content .company-right{
        width: 90%;
        margin-left: 5%;
        margin-top: 10px;
    }
    .company .company-info .content{
        font-size: 3.4vw;
        line-height: 5.5vw;
        text-align: justify;

    }
    .company .company-info .content p{
        text-indent: 2em;
    }
    .company .company-info .text{
        font-size: 4vw;
        font-weight: bold;
        margin-top: 20px;
    }
    .company .images{
        width: 100%;
        bottom: 17vh;
        z-index: -1;
    }
    .company .images .company-info-img-1{
        left: 0;
        width: 40%;
    }
    .company .images .company-info-img-2{
        bottom: 3%;
        left: 25%;
        width: 27%;
    }
    .company .images .company-info-img-3{
        bottom: 13%;
        left: 0;
        width: 100%;
    }
    .company .images .shadow{
        width: 60%;
        height: 10px;
        left: 17%;
        top: 85%;
    }
    /*鎷涘晢鍔犵洘*/
    .business-banner{
        padding-top: 10px;
        overflow: hidden;
        height: calc(100vh - 150px);
    }
    .business-banner .banner-left{
        width: 100%;
        padding-top: 0;
        text-align: center;
    }
    .business-banner .banner-left .title{
        font-size: 6vw;
        margin-bottom: 3vh;
    }
    .business-banner .banner-left .content{
        font-size: 3.5vw;
        line-height: 5vw;
        width: 100%;
    }
    .business-banner .banner-left a{
        width: 160px;
        font-size: 3vw;
        margin: 5vh auto;
    }
    .business-banner .banner-right{
        width: 70%;
        position: absolute;
        z-index: -1;
        bottom: 0;
        left: 15%;
    }
    .business-ecology{
        margin-top: 0;
        overflow: visible;
    }
    .business-ecology .business-ecology-info{
        top: 15%;
    }
    .business-ecology img{
        width: 100%;
        margin-left: 0;
    }
    .business-ecology .business-ecology-info .title{
        font-size: 4vw;
        margin-bottom: 8px;
    }
    .business-ecology-list .business-ecology-item img{
        width: 34px;
    }
    .business-ecology .business-ecology-info .text{
        width: 80%;
        font-size: 3.5vw;
        line-height: 4.8vw;
    }
    .business-ecology-list{
        margin-top: 10px;
        padding-top: 20px;
        overflow: hidden;
    }
    .business-ecology-list .business-ecology-item{
        width: 46%;
        margin-bottom: 5vh;
    }
    .business-ecology-list .business-ecology-item .title{
        font-size: 3.5vw;
        margin: 6px 0;
    }
    .business-ecology-list .business-ecology-item .content{
        width: 96%;
        font-size: 3vw;
        line-height: 4.8vw;
        margin-left: 2%;
    }
    .business-ecology-swiper .business-ecology-swiper-title,.business-cooperate .business-cooperate-title,.business-partner .business-partner-title{
        font-size: 6vw;
    }
    .business-ecology-swiper .business-ecology-swiper-bg{
        width: 50vw;
        height: 50vw;
    }
    .business-ecology-swiper .swiper-wrapper{
        top: 28vw;
        width: 76%;
        left: 12%;
    }
    .business-ecology-swiper .swiper2{
        height: 70vh;
    }
    .business-ecology-swiper .business-ecology-swiper-item{

    }
    .business-ecology-swiper .business-ecology-swiper-item .title{
        margin-top: 25vw;
        font-size: 4vw;
    }
    .business-ecology-swiper .business-ecology-swiper-item .subtitle{
        font-size: 3.5vw;
    }
    .business-ecology-swiper .swiper-button-prev{
        left: 0;
    }
    .business-ecology-swiper .swiper-button-next{
        right: 0;
    }
    .business-ecology-swiper .swiper-button-next,.business-ecology-swiper .swiper-button-prev{
        top: 42vw;
        width: 20px;
        height: 20px;
    }
    .business-cooperate-list .business-cooperate-item{
        width: 50%;
        margin-bottom: 8vh;
    }
    .business-cooperate-list .business-cooperate-item img{
        width: 100%;
    }
    .business-cooperate-list .business-cooperate-item .title{
        font-size: 3.5vw;
        margin-top: 15px;
    }
    .business-cooperate-list .business-cooperate-item .subtitle{
        top: 15%;
        right: 5%;
        font-size: 3vw;
    }
    .business-partner-info{
        margin-top: 5vh;
    }
    .business-partner-info .info-left{
        width: 100%;
        margin-right: 0;
    }
    .business-partner-info .info-right{
        width: 100%;
        padding-top: 3vh;
    }
    .business-partner-info .info-right .title{
        font-size: 4vw;
    }
    .business-partner-info .info-right .content{
        font-size: 3vw;
        margin-bottom: 10px;
    }
    .business-partner-info .info-right .subtitle a{
        font-size: 3.5vw;
    }
    /*鍚堜紮浜鸿〃鍗�*/
    .co-form{
        padding-top: 10px;
    }
    .co-forms{
        height: calc(100vh - 100px);
        position: relative;
    }
    .co-form .co-form-left{
        width: 100%;
    }
    .co-form .co-form-left .form-title{
        font-size: 6vw;
        text-align: center;
    }
    .co-form .co-form-left .form-text{
        font-size: 3.5vw;
        text-align: center;
        margin-bottom: 20px;
    }
    .co-form .co-form-left form{
        width: 100%;
    }
    .co-form .co-form-left form span{
        font-size: 3vw;
        line-height: 8vw;
    }
    .co-form .co-form-left form input{
        padding: 18px;
        width: 70%;
        margin-left: 15%;
        font-size: 3.2vw;
    }
    .co-form .co-form-left form button{
        font-size: 3vw;
        width: 70%;
        margin-left: 15%;
    }
    .co-form .co-form-right{
        width: 80%;
        overflow: hidden;
        margin-left: 10%;
    }
    .co-form .co-form-right img{
        width: 80% !important;
        margin-top: 0;
        margin-left: 10%;
    }
    /*鍙告満鎷涘嫙*/
    .recruit{
        height: 70vh;
    }
    .recruit .title{
        padding-top: 50px;
        font-size: 5vw;
    }
    .recruit .title span{
        font-size: 3.6vw;
    }
    .recruit button{
        width: 56%;
        margin: 40px 22%;
        font-size: 3vw;
    }
    .recruit .recruit-img-1{
        top: auto;
        bottom: 0;
        left: 0;
        z-index: 5;
    }
    .recruit .recruit-img-2{
        position: absolute;
        width: 94%;
        margin-top: 0;
        margin-left: 0;
        margin-bottom: 0;
        bottom: 2vh;
        left: 0;
        z-index: 1;
    }
    .superiority{
        margin-top: 30px;
    }
    .superiority .superiority-item{
        width: 100%;
        text-align: left;
        margin-bottom: 20px;
    }
    .superiority .superiority-item:nth-child(3n-1){
        margin: 0 0 20px 0;
    }
    .superiority .superiority-item img{
        width: 30%;
        float: left;
        margin-right: 5%;
    }
    .superiority .superiority-item h4{
        font-size: 3.4vw;
    }
    .superiority .superiority-item p{
        font-size: 3vw;
        width: 70%;
    }
    .text-content{}
    .text-content .title{
        font-size: 5vw;
    }
    .text-content .content{
        font-size: 3.4vw;
    }
}